.article-detail{
  // position: relative;
  // z-index: 10;
  .title{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
    // color: #f1f1f1;
  }
  .about{
    font-size: 14px;
    // color: #f1f1f1;
    // margin-bottom: 30px;
    color: #83838a;
    .author{
      margin-right: 30px;
    }
  }
  .content{
    // margin-top: 50px;
    // background-color: #e3e1e1;
    // 增加内边距会出现进入页面滚动条自动滚到顶部问题
    // padding: 10px;
    // border-radius: 5px;
      // border: 3px solid #ccc;
      // border-radius: 5px;
      // padding: 0 10px;
      // margin-top: 20px;
      // overflow-x: auto;
    // 自定义富文本编辑器输出样式
    p,
    li {
      white-space: pre-wrap; /* 保留空格 */
      padding: 5px 0;
    }
    
    blockquote {
      border-left: 8px solid #d0e5f2;
      padding: 10px 10px;
      margin: 10px 0;
      background-color: #f1f1f1;
    }
    
    table {
      border-collapse: collapse;
    }
    td,
    th {
      border: 1px solid #ccc;
      min-width: 50px;
      height: 20px;
    }
    th {
      background-color: #f1f1f1;
    }
    
    ul,
    ol {
      padding-left: 20px;
    }
    
    input[type="checkbox"] {
      margin-right: 5px;
    }
    a{
      color: #00a1ff;
    }
  }
}